<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <style>
      table {
        width: 100%;
      }
      table,td,th {
        border: 1px solid black;
        border-collapse: collapse;
      }
      td,th {
        padding: 5px 5px;
      }
    </style>
    <script src="axios.min.js"></script>
    <script src="table-editor.js"></script>
    <title>JPA基本操作实现学生信息管理</title>
</head>
<body>
<div class="container" style="width: 75%; margin: 20px auto;"></div>
</body>
<script>
render_table('.container', {
  caption: '学生信息表',
  cols:[
    { title: '学号', name: 'sid' },
    { title: '姓名', name: 'name' },
    { title: '性别', name: 'gender', option: ['女', '男']},
  ]
}, window.location.href+"students")
</script>
</html>